<!-- Featured item -->
<div id="slider">
    <div id="featureditem1">
        <!--<div class="new"><img src="assets/images/backgnds/new.png" alt="new"/></div>-->
        <div class="itemdescription">
            <h1>Državno prvenstvo :</h1>
        <span>Lokacija Pogorica.</span> </div>
    </div>
    <div id="featureditem2">
        <!--<div class="new"><img src="images/new.png" alt="new" /></div>-->
        <div class="itemdescription">
            <h1>Državno prvenstvo :</h1>
        <span>Dodjela nagrada.</span> </div>
    </div>
    <div id="featureditem3">
        <!--<div class="new"><img src="images/new.png" alt="new" /></div>-->
        <div class="itemdescription">
            <h1>Državno prvenstvo :</h1>
        <span>Takmičarski dio.</span> </div>
    </div>    
    <div id="featureditem4">
        <!--<div class="new"><img src="images/new.png" alt="new" /></div>-->
        <div class="itemdescription">
            <h1>Državno prvenstvo :</h1>
        <span>Takmičarski dio.</span> </div>
    </div>    
    <div id="featureditem5">
        <!--<div class="new"><img src="images/new.png" alt="new" /></div>-->
        <div class="itemdescription">
            <h1>Državno prvenstvo :</h1>
        <span>Takmičarski dio.</span> </div>
    </div>

</div>
<!-- End of Featured item -->

<!-- Sidemenu --> 
<div id="sidemenu">
    <ul>
        <li class="first"><a href="<?=$url?>gallery/gallery">Galerija</a></li>
        <li><a href="#">Linkovi</a></li>
        <li><a href="<?=$url?>sponzori/sponzori">Sponzori</a></li>
        <li><a href="#">Savjeti</a></li>
    </ul>
</div>    
<!-- End of Sidemenu --> 

<div style="clear: both;"></div>

<!-- Category -->
<div id="categorywrap">
    <div class="category"> <a href="portfolio.html" class="naslov">AKTUELNOSTI</a>

        <div id="novosti">
            <?foreach($novosti as $row):?>
                <div class="novost">
                    <a href="<?=$url?>novosti/novosti?id=<?=$row['id']?>">
                        <div class="naslov"><?=date("d.m.Y H:i", $row['datetime']).' h'?></div>
                        <div class="datum"><?=$row['title']?></div>
                    </a>                
                </div>
                <?endforeach;?>

        </div>
    </div>
    <div class="category"> <a href="http://www.tara-perfection.com" target="_blank" class="naslov">ZANIMLJIVOSTI</a>
        <p>
            Ljubitelji oružija Crne Gore po prvi put u istoriji su u prilici da koriste pištolj domaće proizvodnje.
        </p>
        <div id="category-picture3">
            <div class="view-all"> <a href="http://www.tara-perfection.com" target="_blank">OPŠIRNIJE +</a> </div>
        </div>
    </div>
    <div class="category-middle"> <a href="portfolio.html" class="naslov">SPONZORI</a>
        <p>Zahvaljujemo se spoznorima što pomažu da se ligaška i ostala takmičenja u našoj organizaciji realizuju na vrhunskom nivou.</p>
        <div id="category-picture2">
            <div id="logoi">

                <script type="text/javascript">
                    //Specify the slider's width (in pixels)
                    var sliderwidth="290px"
                    //Specify the slider's height
                    var sliderheight="97px"
                    //Specify the slider's slide speed (larger is faster 1-10)
                    var slidespeed= 1
                    //configure background color:
                    slidebgcolor=""

                    //Specify the slider's images
                    var leftrightslide=new Array()
                    var finalslide=''

                    // For Brand Logo 
                    leftrightslide[0] = '<a href="javascript:"><img src='+base_url+'assets/images/sponzori/mdi.gif border=0></a>';
                    leftrightslide[1] = '<a href="http://www.tara-perfection.com" target="_blank"><img src='+base_url+'assets/images/sponzori/tara.gif border=0></a>';

                    //Specify gap between each image (use HTML):
                    var imagegap=""

                    //Specify pixels gap between each slideshow rotation (use integer):
                    var slideshowgap=0


                    ////NO NEED TO EDIT BELOW THIS LINE////////////

                    var copyspeed=slidespeed
                    leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
                    var iedom=document.all||document.getElementById
                    if (iedom)
                        document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
                    var actualwidth=''
                    var cross_slide, ns_slide

                    function fillup(){
                        if (iedom){
                            cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
                            cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
                            cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
                            actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
                            cross_slide2.style.left=actualwidth+slideshowgap+"px"
                        }
                        else if (document.layers){
                            ns_slide=document.ns_slidemenu.document.ns_slidemenu2
                            ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
                            ns_slide.document.write(leftrightslide)
                            ns_slide.document.close()
                            actualwidth=ns_slide.document.width
                            ns_slide2.left=actualwidth+slideshowgap
                            ns_slide2.document.write(leftrightslide)
                            ns_slide2.document.close()
                        }
                        lefttime=setInterval("slideleft()",30)
                    }
                    window.onload=fillup

                    function slideleft(){
                        if (iedom){
                            if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
                                cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
                            else
                                cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

                            if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
                                cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
                            else
                                cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

                        }
                        else if (document.layers){
                            if (ns_slide.left>(actualwidth*(-1)+8))
                                ns_slide.left-=copyspeed
                            else
                                ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

                            if (ns_slide2.left>(actualwidth*(-1)+8))
                                ns_slide2.left-=copyspeed
                            else
                                ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
                        }
                    }


                    if (iedom||document.layers){
                        with (document){
                            document.write('<table border="0" cellspacing="0" cellpadding="0"><tr><td>')
                            if (iedom){
                                write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
                                write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
                                write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
                                write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
                                write('</div></div>')
                            }
                            else if (document.layers){
                                write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
                                write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
                                write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
                                write('</ilayer>')
                            }
                            document.write('</td></tr></table>')
                        }
                    }
                </script>

            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<!-- End of Category -->
<script type="text/javascript">

</script>
<div class="clear"></div>